<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>多文件列表</title>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css" />
	</head>
	<body>
	<!--单图片开始-->
	<div class="layui-form-item mart20">
		<label class="layui-form-label">单图片操作：</label>

		<div class="layui-input-block cy-uploadpic-ctn" id="headLogo" style=" float:left;margin-left:0!important;position:relative;">
			<input type="hidden" name="headLogo" value="${sysUser.headLogo}" />
			<div class="close hide"><i class="iconfont red FS12">&#xe610;</i></div>
				<img src="${sysUser.headLogo}" style="display: none;width: 100%;height: 100%;"/>
				<div class="btnctn">
						<i class="iconfont">&#xe6e8;</i><br>
						<span>上传头像</span>
				</div>
		</div>
	</div>
	<!--单图片结束-->
	<div class="dashed"></div>
	<!--多附件开始-->
	<div class="wrap-container clearfix">
		<div class="column-content-detail" id="tool">
			<div class="layui-upload">
				<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
				<input type="hidden" id="objectId" name="objectId"/>
				<div class="layui-upload-list">
					<table class="layui-table" style="width:60%;">
						<thead>
						<tr><th>文件名</th>
							<th>大小</th>
							<th>状态</th>
							<th class="center">操作</th>
						</tr></thead>
						<tbody id="demoList"></tbody>
					</table>
				</div>
			</div>

		</div>
	</div>
	<!--多附件结束-->
	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script>
        layui.use(['form', 'jquery', 'laydate', 'layer', 'dialog','baseutil','page'], function() {
            var form = layui.form,
                layer = layui.layer,
                $ = layui.jquery,
                baseutil = layui.baseutil,
                dialog = layui.dialog;
            var page = layui.page;

			//单图片上传
            baseutil.uploadImage('#headLogo',{catalog: "sys/user",objectId:""},"headLogo");

            //多附件上传
            baseutil.uploadMultiFile($('#demoList'),'#testList',"sys/mult",$("#objectId").val(),function (data) {
                $("#objectId").val(data);
            })
        });
	</script>
	</body>
</html>